//变量
@import "../../base/base-style/variable.less";
@import "./response.less";
@import "./page.less";
.ubshop{
    //头部内容
    width:980px;
    left:0;
    right:0;
    margin:auto;
    .title,.container>.list>li{
        >div{
            float:left;
        }
        >.a{
            width:270px;
        }
        >.b{
            width:120px;
        }
        >.c{
            width:340px;
        }
        >.d{
            
        }
    }
    .title{
        height:60px;
        background:#a52b23;
        line-height: 60px;
        text-align: center;
        width:100%;
        color:#ffebb2;
        >div{
            float:left;
            >div{
                float:left;
            }
        }
        .a{
            
            padding-right:60px;
        }
        .b{
            cursor: pointer;
        }
        .b:after,.d:after{
            content:' ↓';
        }
        .b.active:after{
            content:' ↑';
        }
        .d.active:after{
            content:' ↑';
        }
        .b.active,.d.active{
            background:#851913;
        }
        .c{
            
            padding-left:32px;
            .ca,.cb{
                width:55px;
                height:35px;
                background-color: #770f0b;
                margin-top:12.5px;
                padding-left:5px;
                input{
                    transform: translateY(-14px);
                    background: transparent;
                    width:100%;
                    border:none;
                    outline:none;
                    height:35px;
                    text-align: center;
                    line-height: 35px;
                }
            }
            .ca{
                margin-left:20px;
            }
            .m{
                text-align: center;
                width:20px;
                font-size:40px;
                height:35px;
                line-height: 35px;
                margin-top:10px;
            }
            .cb{}
            .button{
                height:35px;
                width:70px;
                border: 1px solid #E35646;
                margin-left:10px;
                margin-top:12.5px;
                line-height: 35px;
                border-radius:5px;
            }
        }
        .d{
            width:100px;
            cursor: pointer;
            margin-left:26px;
        }
    }
    .container{
        background:#FFF0F0;
        width:100%;
        padding-left:0;
        padding-right:0;
        padding-bottom: 15px;
        >.list{
            >li:nth-child(even){
                background:#f7e5e5;
            }
            >li{
                height:112px;
                width:100%;
                line-height: 112px;
                text-align: center;
                .a{
                    >div{
                        white-space:normal;
                        height:56px;
                        padding-top:29px;
                        padding-left:20px;
                        padding-right:20px;
                        text-align: left;
                    }
                    >.t{
                        height:55px;
                        line-height: 24px;
                    }
                    >.p{
                        height:20px;
                        line-height: 13px;
                    }
                }
                .b{
                    color:#fe0101;
                }
                .c{
                    font-size: 13px;
                }
                .d{
                    font-size: 13px;
                    color:#f7a024;
                    padding-left:10px;
                    >div{
                        float:left;
                    }
                    .button{
                        a{
                            color:#fff;
                        }
                        width:92px;
                        height:37px;
                        margin-top:38px;
                        margin-left:45px;
                        line-height: 37px;
                        border-radius:3px;
                        background:#b8362c;
                        color:#fff;
                    }
                }
            }
        }
    }
}
